@charset 'utf-8';

@import "common/base";

header {
    @include wh($full,half(105px));
}

section {
    top: half(124px);

    .classify-carousel {
        @include wh($full,r(234));
        .swiper-container {
            @include wh($full,r(234));
            .swiper-wrapper {
                @include wh($full,r(200));
                .swiper-slide {
                    @include wh($full,r(200));
                    .lb {
                        width: 25%;
                        text-align: center;
                        img {
                            @include wh(r(150),r(150));
                        }
                        p {
                            font-size: r(26);
                        }
                    }
                }
            }
        }
    }

    .classify-item {
        @include wh(r(704),r(133));
        margin: 0 auto r(36);
        .item-img {
            @include wh(r(131),r(133));
            margin-right: r(59);
            &:last-child {
                margin-right: 0;
            }
            img {
                @include wh($full,$full);
            }
        }
    }
}
